.el-button {
  font-weight: 400;
}

// 主按钮
.btn-search {
  min-width: 60px;
  width: auto;
  height: 32px;
  line-height: 32px;
  padding: 0 16px;
  border-radius: 2px;
  font-size: 14px;
  color: #FFFFFF;
  border: 1px solid #2794F8;
  background: #2794F8;

  &:focus {
    color: #FFFFFF;
    border: 1px solid #2794F8;
    background: #2794F8;
  }

  &:hover {
    background: #54aaf8;
  }

  &:active {
    background-color: #2281d9;
  }
}

.drawer-btn-save {
  min-width: 80px;
  width: auto;
  height: 32px;
  border-radius: 2px;
  padding: 0 26px;
  margin-left: 16px !important;
  font-size: 14px;
  color: #FFFFFF;
  background: #2794F8;
  border-color: #2794F8;

  &:focus {
    color: #FFFFFF;
    border-color: #2794F8;
    background: #2794F8;
  }

  &:hover {
    background: #54aaf8;
    color: #FFFFFF;
    border-color: #54aaf8;
  }

  &:active {
    background-color: #2281D9;
    color: #FFFFFF;
    border-color: #2281D9;
  }
}

// 次按钮
.btn-reset {
  min-width: 60px;
  width: auto;
  height: 32px;
  line-height: 32px;
  padding: 0 16px;
  border-radius: 2px;
  color: #2794F8;
  border: 1px solid #2794F8;
  background: #FFFFFF;

  &:focus {
    color: #2794F8;
    border: 1px solid #2794F8;
    background: #FFFFFF;
  }

  &:hover {
    border: 1px solid #54AAF8;
    color: #54AAF8;
    background-color: #e9f4fe;
  }

  &:active {
    border: 1px solid #2281D9;
    color: #2281D9;
    background-color: #e9f4fe;
  }
}

.drawer-btn-cancel {
  min-width: 80px;
  width: auto;
  height: 32px;
  border-radius: 2px;
  padding: 0 26px;
  font-size: 14px;
  color: #A7A7A7;
  border: 1px solid #CCCCCC;
  background-color: #ffffff;

  &:focus {
    color: #A7A7A7;
    border: 1px solid #CCCCCC;
    background-color: #ffffff;
  }

  &:hover {
    color: #54AAF8;
    border: 1px solid #54AAF8;
    background-color: #e9f4fe;
  }

  &:active {
    border: 1px solid #2281D9;
    color: #2281D9;
  }
}

// 抽屉中的修改按钮
.drawer-btn-detail-edit {
  padding: 4px 14px;
  min-width: 56px;
  width: auto;
  height: 28px;
  border-radius: 2px;
  border: 1px solid #2794f8;
  color: #2794f8;
  background-color: #FCFCFC;

  &:hover {
    border: 1px solid #54AAF8;
    color: #54AAF8;
  }
}

// 按钮组
// 主按钮按钮组
.tool-btns {
  margin-left: auto;
  font-size: 14px;
  color: #4a4c66;
  float: right;

  .el-button + .el-button {
    margin-left: 2px !important;
  }

  // 更多
  .el-dropdown {
    cursor: pointer;
    height: 24px;
    border-radius: 2px;

    .more-btn {
      &:hover {
        color: #54aaf8;
      }
    }

    .btn-search {
      min-width: 33px !important;
      margin-left: 2px;
      padding: 0 8px;
    }

    i {
      font-size: 16px;
      margin-right: 4px;
      line-height: 16px;
    }
  }

}

// 文字按钮按钮组
.btn-box {
  font-size: 14px;
  color: #2794F8;
  line-height: 20px;

  .btn-text {
    cursor: pointer;

    &:hover {
      color: #54aaf8;
    }

    &:active {
      color: #2281D9;
    }
  }

  .line {
    width: 1px;
    height: 12px;
    margin: 0 8px;
    border-left: 1px solid #EAEAEA;
  }

  .el-dropdown {
    .btn-more {
      color: #2794f8;
      cursor: pointer;

      &:hover {
        span, i {
          color: #54aaf8
        }
      }

      &:active {
        span, i {
          color: #2281D9;
        }
      }
    }
  }

  // 表格操作列按钮禁用样式
  .btn-text-gary {
    color: #D1D1D1;

    &:hover {
      color: #D1D1D1;
      cursor: not-allowed;
    }
  }
}

// 弹框按钮
// 弹窗次按钮
.dialog-cancel, .btn-cancel {
  min-width: 60px;
  width: auto;
  height: 32px;
  text-align: center;
  line-height: 10px;
  font-size: 14px;
  margin-right: 8px;
  opacity: 1;
  border-radius: 2px;
  box-shadow: none;
  padding: 0 16px;
  color: #A7A7A7;
  border: 1px solid #CCCCCC;
  background-color: #ffffff;

  &:focus {
    color: #A7A7A7;
    border: 1px solid #CCCCCC;
    background-color: #ffffff;
  }

  &:hover {
    color: #54aaf8;
    border: 1px solid #54aaf8;
    background-color: #e9f4fe;
  }

  &:active {
    color: #2281D9;
    border: 1px solid #2281D9;
  }
}

// 弹窗主按钮
.dialog-save, .btn-save {
  min-width: 60px;
  width: auto;
  height: 32px;
  line-height: 10px;
  text-align: center;
  font-size: 14px;
  border-radius: 2px;
  box-shadow: none;
  margin-left: 0 !important;
  padding: 0 16px;
  color: #FFFFFF;
  border: 1px solid #2794F8;
  background-color: #2794F8;

  &:focus {
    color: #FFFFFF;
    border: 1px solid #2794F8;
    background-color: #2794F8;
  }

  &:hover {
    background: #54AAF8;
    border: 1px solid #54aaf8;
  }

  &:active {
    background: #2281D9;
    border: 1px solid #2281D9;
  }

  &.is-loading span {
    margin-left: 10px;
  }
}

// 弹窗中有删除按钮
.lcdp-message {
  .dialog-save {
    min-width: 60px;
    width: auto;
    height: 32px;
    line-height: 10px;
    text-align: center;
    font-size: 14px;
    border-radius: 2px;
    box-shadow: none;
    margin-left: 0 !important;
    padding: 0 16px;
    color: #FFFFFF;
    border: 1px solid #2794F8;
    background-color: #2794F8;

    &:focus {
      color: #FFFFFF;
      border: 1px solid #2794F8;
      background-color: #2794F8;
    }

    &:hover {
      background: #54AAF8;
      border: 1px solid #54aaf8;
    }

    &:active {
      background: #2281D9;
      border: 1px solid #2281D9;
    }

    &.is-loading span {
      margin-left: 10px;
    }
  }

  .dialog-delete {
    min-width: 60px;
    width: auto;
    height: 32px;
    font-size: 14px;
    border-radius: 2px;
    box-shadow: none;
    padding: 0 16px;
    margin-left: 0 !important;
    border: 0;
    background-color: #ff7172;

    &:focus {
      background-color: #ff7172;
    }

    &:hover {
      background-color: #f57171;
    }

    &:active {
      background-color: #E04446;
    }
  }
}

// 特殊
// 驳回按钮
.drawer-btn-reject {
  min-width: 80px;
  width: auto;
  height: 32px;
  border-radius: 3px;
  padding: 6px 6px;
  margin-left: 16px;
  font-size: 14px;
  color: #FF4D4F;
  border: 1px solid #FF4D4F;
  background-color: #ffffff;

  &:focus {
    color: #FF4D4F;
    border: 1px solid #FF4D4F;
    background-color: #ffffff;
  }

  &:hover {
    color: #FF7172;
    border: 1px solid #FF7172;
    background-color: #FFFFFF;
  }

  &:active {
    color: #E04446;
    border: 1px solid #E04446;
    background-color: #FFFFFF;
  }
}

// 删除按钮
.drawer-btn-del {
  min-width: 80px;
  width: auto;
  height: 32px;
  border-radius: 3px;
  margin-left: 16px !important;
  padding: 4px 14px;
  color: #ffffff;
  border: 1px solid #FF4D4F;
  background-color: #FF4D4F;

  &:focus {
    color: #ffffff;
    border: 1px solid #FF4D4F;
    background-color: #FF4D4F;
  }

  &:hover {
    color: #FFFFFF;
    background-color: #F81E21;
    border: 1px solid #F81E21;
  }

  &:active {
    color: #FFFFFF;
    background-color: #F8704A;
    border: 1px solid #F8704A;
  }
}

// 右表部分按钮
.right-tree-btns {
  font-size: 14px;
  line-height: 16px;
  margin-left: auto;
  color: #4a4c66;
  cursor: pointer;

  i {
    font-size: 16px;
    margin-right: 4px;
    line-height: 16px;
  }
}



